/*!
 *@Title: FLP Chat CSS
 *@Author: Redford Sumcad,Mouly Gunarathne Hathurusinghe
 *@Description: All main unique css associated to Chat banking will be define in this stylesheet.
 *@Designer: Serene Yap, Leo Je-Wei LIN*/.chat-box{display:none;z-index:199;position:fixed;bottom:0}.chat-box .mTop-4{margin-top:4px}.chat-box .mTop-8{margin-top:8px}.chat-box .mTop-16{margin-top:16px}.chat-box strong{font-weight:500}.chat-box a:hover,.chat-box a:active,.chat-box a:focus{text-decoration:none;color:#ee1818}.chat-box .carousel-img-cover{background-size:cover;background-position:center center;display:block;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;max-height:150px;width:100%;height:150px}.chat-box .chat-intro-box{position:fixed;bottom:40px;right:40px}.chat-box .chat-intro-box .chat-intro{min-width:105px;max-width:250px;padding:8px 12px;display:none;background-color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;right:0;top:-14px;-webkit-box-shadow:0px 1px 2px 0 rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px 0 rgba(0,0,0,0.4);box-shadow:0px 1px 2px 0 rgba(0,0,0,0.4);position:relative;box-sizing:border-box}.chat-box .chat-intro-box .chat-intro::after{content:"";position:absolute;width:0;height:0;bottom:-3px;right:15px;box-sizing:border-box;border:6px solid black;transform-origin:0 0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-webkit-box-shadow:rgba(0,0,0,0.3) 1.5px 1.5px 1.5px;-moz-box-shadow:rgba(0,0,0,0.3) 1.5px 1.5px 1.5px;box-shadow:rgba(0,0,0,0.3) 1.5px 1.5px 1.5px;border-color:transparent #fff #fff transparent}.chat-box .chat-intro-box .chat-intro a{color:#f33;text-decoration:none;font-size:14px}.chat-box .chat-intro-box .chat-intro.bounceChat{display:block}.chat-box .chat-content{background:#ececec;position:fixed;right:40px;bottom:0;-webkit-box-shadow:0 1px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px 2px rgba(0,0,0,0.2);width:360px}.chat-box .chat-ico{float:right;position:relative}.chat-box .unread-msg{box-sizing:border-box;display:none;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;position:absolute;width:12px;height:12px;top:0px;right:4px;background-color:#f33;-webkit-box-shadow:1px 2px 2px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 2px 2px 0 rgba(0,0,0,0.3);box-shadow:1px 2px 2px 0 rgba(0,0,0,0.3);border:solid 2px #fff}.chat-box .chat-header{background-color:#f33;height:48px}.chat-box .chat-header label{text-transform:uppercase;display:block;padding:16px 12px 0;font-weight:500;color:#fff;line-height:normal;text-align:center;font-size:14px;margin:0}.chat-box .chat-header .chat-close{left:16px;position:absolute;top:14px}.chat-box .chat-header .chat-close .icon{color:#fff}.chat-box .chat-body{max-height:568px;overflow-x:hidden;margin-bottom:64px;background:#ececec;padding:0 16px 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-box .chat-input{box-shadow:0 0 7px -1px #c1bdb8;background-color:#fff;min-height:64px;width:100%;bottom:0;z-index:200;position:absolute;padding:21px 8px 21px;box-sizing:border-box}.chat-box .chat-input textarea{overflow:hidden;background-color:#fff;float:left;width:82%;min-height:20px;height:20px;line-height:21px;max-height:70px;font-weight:500;margin:0;border:0;font-size:14px;padding:0 8px !important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;resize:none;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.chat-box .chat-input textarea:focus,.chat-box .chat-input textarea.focus{outline:none;border-color:#909090;color:#2e2e2e}.chat-box .chat-input textarea.error{border-color:#f33}.chat-box .chat-input textarea:disabled{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;background-color:transparent}.chat-box .chat-input textarea.scrolling{overflow-y:auto;overflow-x:hidden}.chat-box .chat-input a{display:inline-block;background:none;color:#f33;line-height:1.1;text-decoration:none;border:0;font-size:14px;font-weight:700;padding:3px 16px 0 10px;float:right}.chat-box .chat-input a:hover{color:#ee1818}.chat-box .chat-input a.pTop-two{padding-top:13px}.chat-box .chat-input a.pTop-three{padding-top:23px}.chat-box .chat-input a.pTop-four{padding-top:29px}.chat-box .chat-msg{clear:both;margin-top:8px;margin-bottom:8px;box-sizing:border-box;min-width:30%;float:left;font-weight:500;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:0 0 1px 1px #e4ddd5;-moz-box-shadow:0 0 1px 1px #e4ddd5;box-shadow:0 0 1px 1px #e4ddd5;padding:16px;position:relative;background-color:#fff;color:#2e2e2e;margin-right:44px;margin-bottom:4px;margin-top:4px}.chat-box .chat-msg:not(.chat-load)+.chat-box .chat-msg:not(.ask-msg)+.chat-msg:not(.ask-msg) .chat-arrow{display:none}.chat-box .chat-msg:last-child{margin-bottom:16px !important}.chat-box .chat-msg .btn-wrap{margin-top:16px}.chat-box .chat-msg .btn-wrap+.btn-wrap{margin-top:8px}.chat-box .chat-msg.chat-container{background:transparent;box-shadow:none;border:none;padding:0;margin-left:-16px}.chat-box .chat-msg.chat-container .chat-arrow{display:none}.chat-box .chat-msg.full{height:auto !important;width:86%;max-width:300px}.chat-box .chat-msg h3{font-weight:400;margin-bottom:16px;font-size:14px}.chat-box .chat-msg ul{margin:0 0 0 20px;padding:0;font-size:14px;color:#2e2e2e}.chat-box .chat-msg ul li{padding:4px 0;font-weight:500}.chat-box .chat-msg ul li:first-child{padding-top:0}.chat-box .chat-msg ul li:last-child{margin-bottom:0}.chat-box .chat-msg ul li a{color:#f33}.chat-box .chat-msg ul li a:hover,.chat-box .chat-msg ul li a:active,.chat-box .chat-msg ul li a:focus{text-decoration:none;color:#ee1818}.chat-box .chat-msg ul li p{font-size:14px}.chat-box .chat-msg .chat-arrow{width:0;height:0;position:absolute;left:-8px;top:0;border-top:0px solid transparent;border-right:14px solid #fff;border-bottom:12px solid transparent}.chat-box .chat-msg p{margin:0px;font-size:14px;font-weight:400;word-break:break-word}.chat-box .chat-msg img{max-width:100%}.chat-box .chat-msg .btn{width:100%;margin:4px 0;box-sizing:border-box}.chat-box .chat-msg .btn.first,.chat-box .chat-msg .btn:first-child{margin-top:0}.chat-box .chat-msg .btn:last-child{margin-bottom:0}.chat-box .chat-msg .btn.mTop-16{margin-top:16px}.chat-box .chat-msg.ask-msg{margin-left:44px;margin-right:0;background-color:#f77;color:#fff;float:right;width:initial;width:auto;margin-bottom:12px;margin-top:12px}.chat-box .chat-msg.ask-msg .chat-arrow{border-top:12px solid transparent;border-bottom:0 solid transparent;border-left:14px solid #f77;right:-8px;bottom:0;border-right:0;left:initial;left:auto;top:initial;top:auto}.chat-box .chat-msg.ask-msg p{font-weight:400;word-break:break-word}.chat-box .chat-msg.ask-msg+.ask-msg{margin-top:-4px}.chat-box .chat-msg .chat-reply{overflow:hidden}.chat-box .chat-msg.richmedia{padding:0;background-color:#fff}.chat-box .chat-msg.richmedia .chat-arrow{display:none}.chat-box .chat-msg.richmedia a{display:block}.chat-box .chat-msg.richmedia img{border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;width:100%;max-height:150px}.chat-box .chat-msg.richmedia .rich-content{padding:16px}.chat-box .chat-msg.richmedia label{font-size:16px;font-weight:500;color:#2e2e2e;margin-bottom:8px;display:block}.chat-box .chat-msg.richmedia .chat-bot-link{padding:0 16px 16px;display:inline;float:left;font-size:14px}.chat-box .chat-msg.richmedia p{font-size:14px;font-weight:400;color:#909090;word-break:break-word}.chat-box .chat-msg.richmedia .btn-wrap{margin-top:0px;margin-bottom:8px;padding:0 16px 0}.chat-box .chat-msg.richmedia .btn-wrap:last-child{margin-bottom:16px}.chat-box .chat-msg.chat-container{background:transparent;border:0;margin-right:0;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.chat-box .chat-msg.chat-container .chat-arrow{display:none}.chat-box .chat-msg .chat-bot-quick-replies{list-style:none}.chat-box .chat-msg .chat-bot-quick-replies li{display:inline-block;border:1px solid #909090;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;padding:0 16px;margin-right:8px;margin-bottom:8px;cursor:pointer}.chat-box .chat-msg .chat-bot-quick-replies li p{color:#909090;display:inline-block;font-size:12px;padding:4px 0}.chat-box .chat-msg .chat-bot-quick-replies li img{display:inline-block;width:14px;position:relative;top:-2px}.chat-box .chat-msg .chat-bot-quick-replies li:hover{background:#909090}.chat-box .chat-msg .chat-bot-quick-replies li:hover p{color:#fff}.chat-box .chat-msg.chat-alternative .carousel-slick-wrapper .carousel-slick .slick-arrow{top:2px}.chat-box .chat-msg.chat-alternative.single-carousel .carousel-slick-wrapper .carousel-slick .slick-list{padding:0 100px 0 8px !important}.chat-box .chat-msg.chat-quick{margin-bottom:4px}.chat-box .chat-msg.chat-load{padding:8px 16px;min-width:60px;width:60px}.chat-box .notice-msg{text-align:center;font-size:12px;color:#909090;padding:16px 0;line-height:1.58;margin:0;font-weight:300}.chat-box .btn{font-size:14px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;display:inline-block;padding:8px 12px;font-weight:500;min-width:144px;height:40px;text-decoration:none;outline:none}.chat-box .btn:focus{outline:none}.chat-box .btn.small{min-width:60px;height:25px;font-size:12px;padding:4px 7px}.chat-box .btn.big{width:176px;max-width:176px}.chat-box .btn.btn-primary{color:#fff;background-color:#f33;border:1px solid #ee1818}.chat-box .btn.btn-primary:hover,.chat-box .btn.btn-primary:focus,.chat-box .btn.btn-primary:active{background-color:#ee1818;border-color:#ee1818;border-bottom-color:#ee1818}.chat-box .btn.btn-primary.disabled{cursor:not-allowed;border-bottom-width:1px;opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3}.chat-box .btn.btn-secondary{color:#f33 !important;background-color:transparent;border:1px solid #f33;text-shadow:none}.chat-box .btn.btn-secondary:hover{background-color:#ee1818;border-color:#ee1818;color:#fff !important;text-shadow:none}.chat-box .btn.btn-secondary.disabled{cursor:not-allowed;opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3}.chat-box.posb .carousel-msg a{color:#07c}.chat-box.posb .chat-intro-box .chat-intro a{color:#07c}.chat-box.posb .chat-header{background-color:#07c}.chat-box.posb .chat-input a{color:#07c}.chat-box.posb .chat-msg ul li a{color:#07c}.chat-box.posb .chat-msg ul li a:hover{color:#06b}.chat-box.posb .chat-msg.ask-msg{background-color:#fb3}.chat-box.posb .chat-msg.ask-msg .chat-arrow{border-left-color:#fb3}.chat-box.posb .chat-msg .unread-msg{background:#fff}.chat-box.posb .chat-msg .unread-msg label{background:#f33}.chat-box.posb .btn.btn-primary{background-color:#07c;border-color:#06b}.chat-box.posb .btn.btn-primary:hover,.chat-box.posb .btn.btn-primary:focus,.chat-box.posb .btn.btn-primary:active{background-color:#06b;border-color:#06b;border-bottom-color:#06b}.chat-box.posb .btn.btn-secondary{color:#07c;border-color:#06b}.chat-box.posb .btn.btn-secondary:hover{color:#fff;background-color:#06b;border-color:#06b}.chat-box.posb .loader-chat span{background-color:#07c}.chat-box .carousel-slick-wrapper{overflow:hidden}.chat-box .carousel-slick-wrapper>div:first-child{padding-left:0}.chat-box .carousel-slick-wrapper>div .carousel-msg{width:100%;margin:0 0 0 16px;box-sizing:border-box;float:left;font-weight:500;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:0 1px 2px 0 #e4ddd5;-moz-box-shadow:0 1px 2px 0 #e4ddd5;box-shadow:0 1px 2px 0 #e4ddd5;padding:16px;background-color:#fff;color:#2e2e2e}.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow{position:absolute;top:26%;width:48px;height:100%;background:rgba(220,220,220,0.6);border:0;z-index:100;outline:none;height:104px}.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow.slick-disabled{opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;cursor:not-allowed}.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow.slick-next{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);right:0}.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow.slick-next img,.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow.slick-next .icon{float:right;padding-right:16px}.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow.slick-prev{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0}.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow.slick-prev img,.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow.slick-prev .icon{padding-left:12px}.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow img,.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow .icon{position:relative;top:40%;font-size:25px;color:#2e2e2e}.chat-box .carousel-slick-wrapper .carousel-slick .slick-arrow:hover{background:rgba(220,220,220,0.8)}.chat-box .carousel-slick-wrapper .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.chat-box .carousel-slick-wrapper .slick-slider .slick-track,.chat-box .carousel-slick-wrapper .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.chat-box .carousel-slick-wrapper .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;z-index:50}.chat-box .carousel-slick-wrapper .slick-list:focus{outline:none}.chat-box .carousel-slick-wrapper .slick-list.dragging{cursor:pointer;cursor:hand}.chat-box .carousel-slick-wrapper .slick-track{position:relative;top:0;left:0}.chat-box .carousel-slick-wrapper .slick-track:before,.chat-box .carousel-slick-wrapper .slick-track:after{display:table;content:''}.chat-box .carousel-slick-wrapper .slick-track:after{clear:both}.chat-box .carousel-slick-wrapper .slick-loading .slick-track{visibility:hidden}.chat-box .carousel-slick-wrapper .slick-slide{margin:0 8px;display:none;float:left;height:100%;min-height:1px;padding:0;outline:none;position:relative}.chat-box .carousel-slick-wrapper .slick-slide:last-child .carousel-msg-wrapper{padding-right:0}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg{padding:0;margin:0}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg.carousel-list{padding:16px;height:104px;position:relative;overflow:hidden;margin:2px 0}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg.carousel-list p{margin:0 0 16px;word-break:break-word}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg.carousel-list a{color:#f33;font-weight:500;position:absolute;bottom:16px;font-size:14px}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg.carousel-list a:hover,.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg.carousel-list a:active,.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg.carousel-list a:focus{text-decoration:none;color:#ee1818}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg .btn-wrap{margin-top:0px;padding:0 16px 8px}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg .btn-wrap:last-child{padding-bottom:16px}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .rich-content{padding:16px}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .rich-content label{font-size:16px;font-weight:500;color:#2e2e2e;margin-bottom:8px;display:block}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .rich-content p{font-size:14px;font-weight:400;color:#909090}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .chat-bot-link{padding:0 16px 16px;float:left;font-size:14px}.chat-box .carousel-slick-wrapper .slick-slide.slick-loading img{display:none}.chat-box .carousel-slick-wrapper .slick-slide.dragging img{pointer-events:none}.chat-box .carousel-slick-wrapper [dir='rtl'] .slick-slide{float:right}.chat-box .carousel-slick-wrapper .slick-initialized .slick-slide{display:block}.chat-box .carousel-slick-wrapper .slick-loading .slick-slide{visibility:hidden}.chat-box .carousel-slick-wrapper .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.chat-box .carousel-slick-wrapper .slick-arrow.slick-hidden{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.chat-box .chat-msg:last-child{float:none;padding-top:8px}.chat-box .chat-msg.chat-container .chat-reply{overflow:visible}}.animatedChat{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInUpChat{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUpChat{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInUpChat{-webkit-animation-name:slideInUpChat;animation-name:slideInUpChat}@-webkit-keyframes slideOutDownChat{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes slideOutDownChat{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.slideOutDownChat{-webkit-animation-name:slideOutDownChat;animation-name:slideOutDownChat}@-webkit-keyframes bounceChat{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}@keyframes bounceChat{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}.bounceChat{-webkit-animation-name:bounceChat;animation-name:bounceChat;-webkit-transform-origin:center bottom;transform-origin:center bottom;animation-iteration-count:2;-webkit-animation-iteration-count:2}@-webkit-keyframes wobbleChat{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobbleChat{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{-webkit-transform:none;transform:none}}.wobbleChat{-webkit-animation-name:wobbleChat;animation-name:wobbleChat}@-webkit-keyframes bounceCoin{0%,20%,50%,75%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}60%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}85%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounceCoin{0%,20%,50%,75%,100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-webkit-transform:translateY(-40px);transform:translateY(-40px)}60%{-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px)}85%{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.bounceCoin{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-name:bounceCoin;animation-name:bounceCoin}.loader-chat{width:31px;height:20px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;position:relative;bottom:-2px}.loader-chat span{display:inline-block;width:6px;height:6px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;background-color:#f33;margin:0}.loader-chat span:nth-child(1){animation:bounceChatLoad 1.2s ease-in-out infinite}.loader-chat span:nth-child(2){animation:bounceChatLoad 1.2s ease-in-out 0.13s infinite}.loader-chat span:nth-child(3){animation:bounceChatLoad 1.2s ease-in-out 0.22s infinite}@keyframes bounceChatLoad{0%,75%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);background:#f33}25%{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px);background:#ffaa99}}@media (min-width: 320px) and (max-width: 767px){body{overflow-x:hidden}.chat-box{z-index:1000}.chat-box .chat-content{width:100%;right:0;height:100%}.chat-box .chat-msg{max-width:100%}.chat-box .chat-msg.full{max-width:100%}.chat-box .chat-msg h3,.chat-box .chat-msg p,.chat-box .chat-msg ul{font-size:16px}.chat-box .chat-msg.richmedia label{font-size:18px}.chat-box .chat-msg.richmedia p{font-size:16px}.chat-box .chat-msg .chat-bot-quick-replies li p{font-size:14px}.chat-box .chat-msg ul li p{font-size:16px}.chat-box .chat-msg .chat-reply{overflow:auto;overflow:initial}.chat-box .chat-msg p{text-overflow:ellipsis;overflow:hidden}.chat-box .btn{font-size:16px}.chat-box .chat-input textarea{width:83%;font-size:16px}.chat-box .chat-input a{font-size:16px}.chat-box .chat-body{max-height:100%}.chat-box .carousel-slick-wrapper .slick-slide .carousel-msg-wrapper .carousel-msg.carousel-list a{font-size:16px}.chat-box .chat-header label{font-size:16px}.chat-box .chat-intro-box{right:16px;bottom:32px}}@media (min-width: 320px) and (max-width: 360px){.chat-box .chat-input textarea{width:78%}}@media (min-width: 361px) and (max-width: 403px){.chat-box .chat-input textarea{width:80%}}
